<template>
  <div>
    <span>teleport: 将组件内容渲染到父组件或其他组件的指定位置</span>
    <div>
      <el-button @click="modal.open()">openModal</el-button>
    </div>
    <MyModal ref="modal">
      <p>This is modal content</p>
    </MyModal>
  </div>
</template>
<script setup>

import { ref } from 'vue'
import MyModal from '@/components/modal/MyModal.vue'

const modal = ref(null)

</script>

<style scoped>

</style>
